@(
        utilisateurs: List[models.Utilisateur],
        roles: List[models.Role]
    )

@import helper._
@import helper.twitterBootstrap._

    @main("Catalogue web", null) {
    
        <h1>Utilisateurs</h1>
        
         <!-- Formulaire de connexion 
        <fieldset>
            <h4>Connexion</h4>
            <form method="post" action="/utilisateur/connexion">
                <input name="pseudo_utilisateur" placeholder="pseudo">
                <input name="mdp_utilisateur" placeholder="mdp">
            <p><button class="btn" type="submit">Connexion</button></p> 
            
        </fieldset>-->
        
         <!-- Liste des roles -->
         <h4>Roles</h4>
        <ul>
            @for(role <- roles) {
                <li>@role.id_role @role.libelle_role</li>
            }
        </ul> 
        
        <h4>Utilisateurs</h4>
        <!-- Liste des utilisateurs -->
        <ul>
            @for(utilisateur <- utilisateurs) {
                <li>@utilisateur.id_utilisateur - @utilisateur.pseudo_utilisateur (@utilisateur.nom_utilisateur) 
                     @if(utilisateur.role_utilisateur != null) { 
                        @utilisateur.role_utilisateur.libelle_role
                    }
                </li>
            }
        </ul>
        
        <!-- Formulaire de saisie : Utilisateur -->
        <fieldset>
            <h4>Nouveau Fournisseur</h4>
            <form method="post" action="/utilisateur/add">
                <input name="pseudo_utilisateur" placeholder="pseudo">
                <input name="mdp_utilisateur" placeholder="mdp">
                <input name="nom_utilisateur" placeholder="nom">
                <input name="adresse_utilisateur" placeholder="adresse">
                <input name="tel_utilisateur" placeholder="tel">
                <select size="1" name="role.id_role">
                    @for(role <- roles) {
                        <option value="@role.id_role">@role.libelle_role</option>
                    }
                </select>
                
                <button class="btn" type="submit">Ajouter l'utilisateur</button>
            </form>
        </fieldset>
        
        <h4>Se connecter</h4>   
        <a href="@routes.Authentification.connexion"><button class="btn" type="button">Se connecter</button></a>
    }